<!DOCTYPE html>
<html>
    <head>
        <title>Bootstrap 101 Template</title>
        <!-- Bootstrap -->
        <link href="dist/css/bootstrap.min.css" rel="stylesheet" media="screen">
    </head>
    <body>

        <h1>Hello, world!</h1>

        <!--
<div class="dropdown">
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    <li>
        <a tabindex="-1" href="#">Action1</a>
    </li>
    <li>
        <a tabindex="-1" href="#">Another action</a>
    </li>
    <li>
        <a tabindex="-1" href="#">Something else here</a>
    </li>
    <li class="divider"></li>
    <li>
        <a tabindex="-1" href="#">Separated link</a>
    </li>
    </ul>
    </div>

    <div class="dropdown">
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" style="display: block;">
    <li>
        <a tabindex="-1" href="#">Action2</a>
    </li>
    <li>
        <a tabindex="-1" href="#">Another action</a>
    </li>
    <li>
        <a tabindex="-1" href="#">Something else here</a>
    </li>
    <li class="divider"></li>
    <li>
        <a tabindex="-1" href="#">Separated link</a>
    </li>
    </ul>
</div>
-->

<div class="btn-group">
  <button type="button" class="btn btn-danger">Action</button>
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>
        <script src="js/jquery.js"></script>
        <script src="dist/js/bootstrap.min.js"></script>

    </body>
</html>